<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<?php echo DESCRIPTION; ?>
<?php echo KEYWORD; ?>
<meta name="title" content="<?php echo WEB_TITLE;?>" />

<title><?php echo WEB_TITLE;?></title>
<link href="<?php echo WEB_URL;?>/styles/style.css" rel="stylesheet" />
<link href="<?php echo WEB_URL;?>/styles/ads.css" rel="stylesheet" />
<link type="text/css" href="<?php echo WEB_URL;?>/styles/jqtransform.css" rel="stylesheet" />
<link type="text/css" href="<?php echo  WEB_URL;?>/styles/ui-lightness/jquery-ui-1.8rc2.custom.css" rel="stylesheet" />
<link rel="stylesheet" href="<?php echo WEB_URL;?>/styles/jwysiwyg/jquery.wysiwyg.css" type="text/css" />
<link rel="stylesheet" href="<?php echo WEB_URL;?>/styles/jwysiwyg/jquery.wysiwyg.modal.css" type="text/css" />
<link rel="stylesheet" href="<?php echo WEB_URL;?>/styles/jwysiwyg/jquery.simplemodal.css" type="text/css" />
<link rel="stylesheet" href="<?php echo  WEB_URL;?>/styles/validationEngine.jquery.css" type="text/css" media="screen"/>

<script type="text/javascript" src="<?php echo WEB_URL;?>/scripts/jquery/jquery-1.5.min.js"></script>
<script type="text/javascript" src="<?php echo WEB_URL;?>/scripts/jquery/jquery.jqtransform.js"></script>
<script type="text/javascript" src="<?php echo WEB_URL;?>/scripts/jquery/jwysiwyg/jquery.wysiwyg.js"></script>
<script type="text/javascript" src="<?php echo WEB_URL;?>/scripts/jquery/jwysiwyg/jquery.simplemodal.js"></script>
<script src="<?php echo  WEB_URL;?>/scripts/jquery/jquery.validationEngine-th.js" type="text/javascript"></script>
<script src="<?php echo  WEB_URL;?>/scripts/jquery/jquery.validationEngine.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
	$('form').jqTransform({imgPath:'<?php echo WEB_URL;?>/styles/images/jqtransform/'});
	$('#message').wysiwyg();
	$('form').validationEngine();
	
	$('form').submit(function(){
		var hasError = $('div').hasClass('formError');
		if(!hasError){
			$.ajax({
				type	: 'POST',
				url		: '../query.php',
				data	: {sent_email:true, data: $(this).serializeArray()},
				dataType: 'json',
				success	: function(result){
					if(result.status == 1){
						alert('ส่งข้อความสำเร็จแล้วค่ะ');
						location.reload();
					}else{
						alert('ไม่สามารถส่งข้อความได้');
					}
				}
			});
		}
		return false;
	});
});
</script>
</head>

<body>
	<div class="page">
    
    	<?php require_once('../header.php');?>
                
        <div class="content">
        	<div id="wrap_top">
            	<div id="wrap_top_left">
                 	<div class="ui-corner-all">
                        <div class="top">   
                            <div class="left"></div>   
                            <div class="right"></div>
                            <div class="center">
                              <h1>ติดต่อ PosterThailand</h1>
                            </div>
                        </div>
                        <div class="middle">
                        
                          <div id="post" style="margin-top: 10px;">
                          	<div class="contact-form">
                          		<form action="#" method="post" id="contact-form">
                                	<label for="subject">ชื่อเรื่อง :</label>
                                	<input type="text" name="subject" id="subject" size="58" class="validate[required]"/> 
                                    <br/><br/><br/>
                                	<div class="message" style="width:540px;float:left;margin-right:20px;">
                                    	<textarea name="message" id="message" cols="72" rows="10" class="validate[required]"></textarea>
                                    </div>
                                    <div class="logo">
                                    	<img src="<?php echo WEB_URL.'/styles/images/posterthailand-bigicon.png';?>" alt="" width="165"/>
                                        <img src="<?php echo WEB_URL.'/styles/images/bubble.png';?>" alt="" style="margin-left:-79px;" align="absbottom"/>
                                    </div>
                                    <br/>
                                    <label for="name">ชื่อ :</label>
                                    <input type="text" name="name" id="name" size="26" class="validate[required]"/>
                                    
                                    <label for="email">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;อีเมล์ :</label>
                                    <input type="text" name="email" id="email" size="26" class="validate[required]"/>
                                   	&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                    <input type="submit" value="ส่งข้อความ" />
                                </form>
                            </div>
                          </div>
                    
                      	</div>
                    
                        <div class="bottom">
                            <div class="left"></div>
                            <div class="right"></div>
                            <div class="center"></div>
                        </div>
                        
                    </div>                            
              	</div>
                
              	<?php require('info_menu.php');?>
                
            </div>
            
            
        </div>
        
        <?php require_once('../footer.php');?>
        
    </div>
</body>
</html>